<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>IGNORED</title>
</h:head>

<h:body>
	<ui:composition template="/WEB-INF/templates/MainLayout-flip.xhtml">
		<ui:define name="windowTitle">Guide</ui:define>
		<ui:define name="content">
			<f:view contentType="text/html">
				
				<div class="bb-custom-wrapper">
				<div id="bb-bookblock" class="bb-bookblock">
						
					<ui:repeat varStatus="stat" var="step" value="#{guidebean.guide.steps}">
						<div class="bb-item" id="item#{stat.index + 1}">
						<div class="content">
							<div class="scroller">
								<h2>#{guidebean.guide.title}</h2>
								<ui:repeat var="line" value="#{step.lines}">
									<p>#{line.textTranslated}</p>
								</ui:repeat>
								
								<ui:repeat var="images" value="#{step.media.data}">
										<img src="#{images.medium}" alt="" />
								</ui:repeat>
							</div>
						</div>
						</div>
					</ui:repeat>					
					
				</div>
				
				<nav>
					<span id="bb-nav-prev">&larr;</span>
					<span id="bb-nav-next">&rarr;</span>
				</nav>

				<span id="tblcontents" class="menu-button">Table of Contents</span>

			   </div>
			</f:view>
		</ui:define>
	</ui:composition>
</h:body>
</html>
